<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Expires" content="0">
    <title>实时金价播报</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>实时黄金价格</h1>
            <p class="time">更新时间：<span id="updateTime"></span></p>
        </header>
        
        <main>
            <div class="price-box">
                <div class="price">当前金价</div>
                <div class="number" id="goldPrice">--</div>
                <div class="unit">元/克</div>
            </div>
            
            <div class="chart-container">
                <canvas id="priceChart"></canvas>
            </div>
        </main>

        <footer>
            <p>数据来源：金属交易所API | 更新频率：10秒</p>
        </footer>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script src="app.js"></script>
</body>
</html>